<template>
  <view>
    <up-image :src="bg" width="100vw" height="calc(100vh - 50px)" fit="cover" />

    <view class="call" @click="phoneCall">
      <uni-icons custom-prefix="iconfont" type="icon-phone" size="48" :color="$u.color.success"></uni-icons>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      bg: 'https://mall-image.linkland.cc/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20250115134922.png'
    }
  },
  methods: {
    phoneCall() {
      uni.makePhoneCall({
        phoneNumber: '18894448635'
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.call {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 999;
  padding: 20px;
  background: #fff;
}
</style>